<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">
  <title>千篇网-事件脉络详情</title>
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <link rel="stylesheet" href="js/layui/css/layui.css">
  <link rel="stylesheet" href="css/swiper.css">
  <link rel="stylesheet" href="css/base.css">
  <script type="text/javascript" src="js/jq1.9.js"></script>
  <script type="text/javascript" src="js/layui/layui.js"></script>
  <script type="text/javascript" src="js/swiper.js"></script>
  <script type="text/javascript" src="js/lazyload.js"></script>
</head>
<body>
  <div id="warp">
    <div class="header_warp">
      <div class="header_top">
        <a href="template.html" class="logo"><img src="images/logo.png" alt=""> </a>
        <div class="lab"><u>移动版</u></div>
        <div class="flex">
          <div class="search">
            <div class="input">
              <input type="text" placeholder="请输入搜索的游戏名称">
            </div>
            <div class="but icoimg"></div>
           </div>
        </div>
        <div class="userbtn ">
            <!-- 登录后 -->
            <a href="##" class="name"><img src="img/name.png" alt=""></a>
        </div>
      </div>
      <div class="swiper_nav">
        <div class="swiper-container ">
          <div class="swiper-wrapper">
            <div class="swiper-slide on"><a href="##">推荐</a></div>
            <div class="swiper-slide"><a href="##">首页</a></div>
            <div class="swiper-slide"><a href="##">安卓游戏</a></div>
            <div class="swiper-slide"><a href="##">安卓软件</a></div>
            <div class="swiper-slide"><a href="##">苹果游戏</a></div>
            <div class="swiper-slide "><a href="##">苹果软件</a></div>
          </div>
        </div>
        <div class="switch_ "><i class="icoimg"></i></div>
       
      </div>
      <div class="burger">
        <div class="switch_nav">
            <div class="lis clear">
                <a href="##">首页</a>    
                <a href="##">安卓游戏</a> 
                <a href="##">安卓软件</a> 
                <a href="##">苹果游戏</a> 
                <a href="##">苹果软件</a> 
                <a href="##">苹果软件</a> 
                <a href="##">苹果软件</a> 
                <a href="##">苹果软件</a> 
                <a href="##">苹果软件</a> 
            </div>
            <div class="hidebox"><i class="icoimg"></i></div>
        </div>
      </div>
    </div>
    <div class="content">
         <div class="Minbox">
            <div class="eventstepbt">
                <div class="title">
                    <div class="bt">游戏脉络</div>
                </div>
                <h1 class="h1">马斯克收购推特案 事件脉络</h1>
                <div class="p">
                    <a class="btn" onclick="Isrfollow(this)">关注</a>
                    <span>462人已关注，快关注了解事件来龙去脉！</span>
                </div>
                <div class="btn-lab">
                    <a href="##"  class="btn">全部（34）</a>
                    <a href="##"  class="btn">里程碑事件（3）</a>
                </div>
            </div>
              <!-- 事件脉络 -->
              <div class="eventstep">
                <a href="##" class="timeswitch"><i class="icoimg"></i>时间倒序</a>
                <ul>
                    <li>
                        <div class="time">今天 13:13 <span class="new">新</span></div>
                        <p>美媒：消息人士称马斯克将对推特裁员50%</p>
                    </li>
                    <li>
                        <div class="time">10月28日 20:02<span>里程碑事件</span></div>
                        <p><a href="##">纽交所：推特10月28日退市</a></p>
                    </li>
                    <li>
                        <div class="time">10月28日 08:48<span>里程碑事件</span></div>
                        <p>马斯克入主推特第一把火：血洗管理层，冻结并检查所有代码 </p>
                    </li>
                    <li>
                        <div class="time">10月28日 20:02<span>里程碑事件</span></div>
                        <p><a href="##">纽交所：推特10月28日退市</a></p>
                    </li>
                    <li>
                        <div class="time">10月28日 08:48</div>
                        <p>马斯克入主推特第一把火：血洗管理层，冻结并检查所有代码</p>
                    </li>
                    <li>
                        <div class="time">10月28日 20:02<span>里程碑事件</span></div>
                        <p><a href="##">纽交所：推特10月28日退市</a></p>
                    </li>
                    <li>
                        <div class="time">10月28日 08:48<span>里程碑事件</span></div>
                        <p>马斯克入主推特第一把火：血洗管理层，冻结并检查所有代码</p>
                    </li>
                    <li>
                        <div class="time">10月28日 20:02</div>
                        <p><a href="##">纽交所：推特10月28日退市</a></p>
                    </li>
                    <li>
                        <div class="time">10月28日 08:48 <span class="star">开始</span></div>
                        <p>马斯克入主推特第一把火：血洗管理层，冻结并检查所有代码</p>
                    </li>
                </ul>
            </div>
             <!-- 脉络数据 -->
             <div class="contextdata">
                <div class="title">
                    <h2 class="bt">脉络数据</h2>
                </div>
                <div class="box-p">
                    <p>最近更新：2022年10月30日 13:13</p>
                    <p>脉络数量：34 条</p>
                    <p>脉络天数：45 天</p>
                    <p>脉络热度：345 ℃</p>
                    <p>脉络影响力：34582</p>
                </div>
            </div>
            <!-- 脉络主持人 -->
            <div class="contextdata">
                <div class="title">
                    <h2 class="bt">脉络主持人</h2>
                </div>
                <div class="box-p">
                    <p><a onclick="openlayereventhost()">方砖大叔叔</a></p>
                </div>
            </div>
             <!-- 事件主体 -->
             <div class="eventsubject">
                <div class="title">
                    <h2 class="bt">事件主体</h2>
                </div>
                <ul class="list">
                    <li>
                        <a href="##" class="lazy"><img data-original="img/img3.png" alt=""></a>
                        <div class="infor">
                            <a href="##" class="name">王者荣耀新版本</a>
                            <div class="tab_btn">
                                <a href="##" class="btn">单机</a>
                                <a href="##" class="btn">动作</a>
                                <a href="##" class="btn">角色扮演</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="##" class="lazy"><img data-original="img/img3.png" alt=""></a>
                        <div class="infor">
                            <a href="##" class="name">王者荣耀新版本</a>
                            <div class="tab_btn">
                                <a href="##" class="btn">单机</a>
                                <a href="##" class="btn">动作</a>
                                <a href="##" class="btn">角色扮演</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="##" class="lazy"><img data-original="img/img3.png" alt=""></a>
                        <div class="infor">
                            <a href="##" class="name">马斯克</a>
                            <div class="tab_btn">
                                <a href="##" class="btn">角色扮演</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="##" class="lazy"><span class="tip">暂无头像</span></a>
                        <div class="infor">
                            <a href="##" class="name">特斯拉</a>
                        </div>
                    </li>
                </ul>
            </div>
              <!-- 关注用户(462) -->
              <div class="followuser">
                <div class="title">
                    <h2 class="bt">关注用户(462)</h2>
                </div>
                 <ul class="clear">
                    <li><a href="##" target="_blank" class="lazy"><img data-original="img/name.png" alt=""></a></li>
                    <li><a href="##" target="_blank" class="lazy"><img data-original="img/name.png" alt=""></a></li>
                    <li><a href="##" target="_blank" class="lazy"><img data-original="img/name.png" alt=""></a></li>
                    <li><a href="##" target="_blank" class="lazy"><img data-original="img/name.png" alt=""></a></li>
                    <li><a href="##" target="_blank" class="lazy"><img data-original="img/name.png" alt=""></a></li>
                    <li><a href="##" target="_blank" class="lazy"><img data-original="img/name.png" alt=""></a></li>
                    <li><a href="##" target="_blank" class="lazy"><img data-original="img/name.png" alt=""></a></li>
                    <li><a href="##" target="_blank" class="lazy"><img data-original="img/name.png" alt=""></a></li>
                    <li><a href="##" target="_blank" class="lazy"><img data-original="img/name.png" alt=""></a></li>
                    <li><a href="##" target="_blank" class="lazy"><img data-original="img/name.png" alt=""></a></li>
                    <li><a href="##" target="_blank" class="lazy"><img data-original="img/name.png" alt=""></a></li>
                    <li><a href="##" target="_blank" class="lazy"><img data-original="img/name.png" alt=""></a></li>
                    <li><a href="##" target="_blank" class="lazy"><img data-original="img/name2.png" alt=""></a></li>
                    <li><a href="##" target="_blank" class="lazy"><img data-original="img/name2.png" alt=""></a></li>
                    <li><a href="##" target="_blank" class="lazy">99+</a></li>
                 </ul>
            </div>
         </div> 
        <!-- 友情链接 -->
        <div class="Minbox YQinglist">
            <div class="title">
                <h2 class="bt">友情链接</h2>
            </div>
            <div class="list">
                <a href="##">139游戏网</a>
                <a href="##">北极熊素材库</a>
                <a href="##">3DM游戏网</a>
                <a href="##">谷歌</a>
                <a href="##">百度</a>
                <a href="##">3DM游戏网</a>
                <a href="##">139游戏网</a>
                <a href="##">北极熊素材库</a>
                <a href="##">3DM游戏网</a>
                <a href="##">谷歌</a>
                <a href="##">百度</a>
            </div>
        </div>      
    </div>
    <div class="footer">
      <div class="text">
        <p>
            <a href="https://support.qq.com/product/415567" rel="nofollow">意见反馈</a> <span>|</span>
            <a href="https://support.qq.com/product/415567" rel="nofollow">投稿</a> <span>|</span>  
            <a href="https://support.qq.com/product/415567" rel="nofollow">求助</a>
        </p>
        <p>COPYRIGHT ©  2022 <a href="https://beian.miit.gov.cn/"  rel="nofollow">渝ICP20008086号-10</a> 千篇网</p>
      </div>
    </div>
  </div>
     <!-- 事件主持人弹出 -->
     <div class="layer_eventhost">
        <div class="eventhost">
            <a href="##" class="lazy"><img src="img/name.png" alt=""></a>
            <div class="infor">
                <a href="##" target="_blank" class="name">夜上基德</a>
                <p>穿梭于黑暗中，一袭白色的风衣，你就是那个最靓的崽！</p>
                <div class="lab">
                    <a href="##" class="btn">资深游戏编辑</a>
                    <a href="##" class="btn">KOF97</a>
                    <a href="##" class="btn">LOLM</a>
                </div>
                <div class="play" onclick="openlayereventplay()"><i class="icoimg"></i>请ta喝可乐</div>
            </div>
        </div>
    </div>
    <!-- 请喝可乐弹出 -->
    <div class="layer_eventplay">
        <div class="p">请使用微信扫一扫</div>
        <div class="img"><img src="img/sao.png" alt=""></div>
        <div class="p">有了你的可乐，小编将动力十足</div>
    </div>
  <script src="js/base.js"></script>
</body>

</html>